uniapp uView主题介绍
uniapp 中的 uView 是一个功能强大的 UI 组件库，其主题具有以下特点和广泛的应用场景：
一、uView 主题特点
- 高度可定制，包括颜色、字体、图标和布局，满足不同品牌或项目需求，适应不同屏幕尺寸和设备类型，实现响应式设计。
- 简洁美观，遵循简洁大气原则，注重用户体验和界面美感，色彩搭配和谐，字体恰当，图标精美。
- 一致性与兼容性强，在 uView 组件库中保持高度一致，与 uniapp 框架兼容，能与其他第三方库和插件良好配合。
- 支持响应式设计，自动适应不同屏幕尺寸和设备类型，无需单独定制。
二、应用场景
- 移动应用开发，适合各种类型移动应用，可通过主题定制实现独特界面设计。
- 小程序开发，适应小程序简洁高效特点，通过定制打造专属视觉效果，提高用户体验和品牌识别度。
- 企业级应用开发，满足企业专业统一界面需求，根据品牌形象和业务需求定制，确保稳定运行。
- 快速原型开发，提高开发效率，可直接使用预设主题或简单定制，快速搭建具有视觉效果的界面原型。
三、组件目录
uview-plus组件
- 基础组件
- Color 色彩 https://uiadmin.net/uview-plus/components/color.html
- Icon 图标 https://uiadmin.net/uview-plus/components/icon.html
- Image 图片 https://uiadmin.net/uview-plus/components/image.html
- Button 按钮 https://uiadmin.net/uview-plus/components/button.html
- Text 文本 https://uiadmin.net/uview-plus/components/text.html
- Layout 布局 https://uiadmin.net/uview-plus/components/layout.html
- Cell 单元格 https://uiadmin.net/uview-plus/components/cell.html
- Badge 徽标数 https://uiadmin.net/uview-plus/components/badge.html
- Tag 标签 https://uiadmin.net/uview-plus/components/tag.html
- LoadingIcon 加载动画 https://uiadmin.net/uview-plus/components/loadingIcon.html
- LoadingPage 加载页 https://uiadmin.net/uview-plus/components/loadingPage.html
- 表单组件
- Form 表单 https://uiadmin.net/uview-plus/components/form.html
- Calendar 日历 https://uiadmin.net/uview-plus/components/calendar.html
- Keyboard 键盘 https://uiadmin.net/uview-plus/components/keyboard.html
- Picker 选择器 https://uiadmin.net/uview-plus/components/picker.html
- DatetimePicker 选择器 https://uiadmin.net/uview-plus/components/datetimePicker.html
- Rate 评分 https://uiadmin.net/uview-plus/components/rate.html
- Search 搜索 https://uiadmin.net/uview-plus/components/search.html
- NumberBox 步进器 https://uiadmin.net/uview-plus/components/numberBox.html
- Upload 上传 https://uiadmin.net/uview-plus/components/upload.html
- Code 验证码输入框 https://uiadmin.net/uview-plus/components/code.html
- Input 输入框 https://uiadmin.net/uview-plus/components/input.html
- Textarea 文本域 https://uiadmin.net/uview-plus/components/textarea.html
- Checkbox 复选框 https://uiadmin.net/uview-plus/components/checkbox.html
- Radio 单选框 https://uiadmin.net/uview-plus/components/radio.html
- Switch 开关选择器 https://uiadmin.net/uview-plus/components/switch.html
- Slider 滑动选择器 https://uiadmin.net/uview-plus/components/slider.html
- Album 相册 https://uiadmin.net/uview-plus/components/album.html
- 数据组件
- List 列表 https://uiadmin.net/uview-plus/components/list.html
- LineProgress 线形进度条 https://uiadmin.net/uview-plus/components/lineProgress.html
- CountDown 倒计时 https://uiadmin.net/uview-plus/components/countDown.html
- CountTo 数字滚动 https://uiadmin.net/uview-plus/components/countTo.html
- 反馈组件
- Tooltip 长按提示 https://uiadmin.net/uview-plus/components/tooltip.html
- ActionSheet 操作菜单 https://uiadmin.net/uview-plus/components/actionSheet.html
- Alert 警告提示 https://uiadmin.net/uview-plus/components/alert.html
- Toast 消息提示 https://uiadmin.net/uview-plus/components/toast.html
- NoticeBar 滚动通知 https://uiadmin.net/uview-plus/components/noticeBar.html
- Notify 消息提示 https://uiadmin.net/uview-plus/components/notify.html
- SwipeAction 滑动单元格 https://uiadmin.net/uview-plus/components/swipeAction.html
- Collapse 折叠面板 https://uiadmin.net/uview-plus/components/collapse.html
- Popup 弹出层 https://uiadmin.net/uview-plus/components/popup.html
- Modal 模态框 https://uiadmin.net/uview-plus/components/modal.html
- Copy 复制 https://uiadmin.net/uview-plus/components/copy.html
- 布局组件
- ScrollList 横向滚动列表 https://uiadmin.net/uview-plus/components/scrollList.html
- Line 线条 https://uiadmin.net/uview-plus/components/line.html
- Card 卡片 https://uiadmin.net/uview-plus/components/card.html
- Overlay 遮罩层 https://uiadmin.net/uview-plus/components/overlay.html
- NoNetwork 无网络提示 https://uiadmin.net/uview-plus/components/noNetwork.html
- Grid 宫格布局 https://uiadmin.net/uview-plus/components/grid.html
- Swiper 轮播图 https://uiadmin.net/uview-plus/components/swiper.html
- Skeleton 骨架屏 https://uiadmin.net/uview-plus/components/skeleton.html
- Sticky 吸顶 https://uiadmin.net/uview-plus/components/sticky.html
- Waterfall 瀑布流 https://uiadmin.net/uview-plus/components/waterfall.html
- Box 盒子 https://uiadmin.net/uview-plus/components/box.html
- Divider 分割线 https://uiadmin.net/uview-plus/components/divider.html
- 导航组件
- Dropdown 下拉菜单 https://uiadmin.net/uview-plus/components/dropdown.html
- Tabbar 底部导航栏 https://uiadmin.net/uview-plus/components/tabbar.html
- BackTop 返回顶部 https://uiadmin.net/uview-plus/components/backTop.html
- Navbar 自定义导航栏 https://uiadmin.net/uview-plus/components/navbar.html
- NavbarMini 迷你导航栏 https://uiadmin.net/uview-plus/components/navbarMini.html
- tabs 标签 https://uiadmin.net/uview-plus/components/tabs.html
- Subsection 分段器 https://uiadmin.net/uview-plus/components/subsection.html
- IndexList 索引列表 https://uiadmin.net/uview-plus/components/indexList.html
- Steps 步骤条 https://uiadmin.net/uview-plus/components/steps.html
- Empty 内容为空 https://uiadmin.net/uview-plus/components/empty.html
- 其他组件
- Parse 富文本解析器 https://uiadmin.net/uview-plus/components/parse.html
- MessageInput 验证码输入 https://uiadmin.net/uview-plus/components/codeInput.html
- loadMore 加载更多 https://uiadmin.net/uview-plus/components/loadMore.html
- ReadMore 展开阅读更多 https://uiadmin.net/uview-plus/components/readMore.html
- LazyLoad 图片懒加载 https://uiadmin.net/uview-plus/components/lazyLoad.html
- Gap 间隔槽 https://uiadmin.net/uview-plus/components/gap.html
- Avatar 头像 https://uiadmin.net/uview-plus/components/avatar.html
- Link 超链接 https://uiadmin.net/uview-plus/components/link.html
- Transition 动画 https://uiadmin.net/uview-plus/components/transition.html
- Qrcode 二维码 https://uiadmin.net/uview-plus/components/qrcode.html
Tailwind CSS组件
- Marketing
- Page Section 页面部分
- Hero Sections 英雄板块 https://tailwindui.com/components/marketing/sections/heroes
- Feature Sections 特色板块 https://tailwindui.com/components/marketing/sections/feature-sections
- CTA Sections CTA板块 https://tailwindui.com/components/marketing/sections/cta-sections
- Bento Grids 便当网格 https://tailwindui.com/components/marketing/sections/bento-grids
- Pricing Sections 价格板块 https://tailwindui.com/components/marketing/sections/pricing
- Header Sections 头部板块 https://tailwindui.com/components/marketing/sections/header
- Newsletter Sections 新闻通讯板块 https://tailwindui.com/components/marketing/sections/newsletter-sections
- Stats 统计数据 https://tailwindui.com/components/marketing/sections/stats-sections
- Testimonials 客户评价 https://tailwindui.com/components/marketing/sections/testimonials
- Blog Sections 博客板块 https://tailwindui.com/components/marketing/sections/blog-sections
- Contact Sections 接触板块 https://tailwindui.com/components/marketing/sections/contact-sections
- Team Sections 团队板块 https://tailwindui.com/components/marketing/sections/team-sections
- Content Sections 内容板块 https://tailwindui.com/components/marketing/sections/content-sections
- Logo Clouds 标志云 https://tailwindui.com/components/marketing/sections/logo-clouds
- FAQs 常见问题解答 https://tailwindui.com/components/marketing/sections/faq-sections
- Footers 页脚 https://tailwindui.com/components/marketing/sections/footers
- Elements 元件
- Headers 页眉 https://tailwindui.com/components/marketing/elements/headers
- Flyout Menus 弹出菜单 https://tailwindui.com/components/marketing/elements/flyout-menus
- Banners 横幅广告 https://tailwindui.com/components/marketing/elements/banners
- Feedback 反馈
- 404 Pages 404页面 https://tailwindui.com/components/marketing/feedback/404-pages
- Page Examples 页面示例
- Landing Pages 登录页面 https://tailwindui.com/components/marketing/page-examples/landing-pages
- Pricing Pages 定价页面 https://tailwindui.com/components/marketing/page-examples/pricing-pages
- About Pages 关于页面 https://tailwindui.com/components/marketing/page-examples/about-pages
- Application UI
- Application Shells 应用程序外观
- Stacked Layouts 堆叠布局 https://tailwindui.com/components/application-ui/application-shells/stacked
- Sidebar Layouts 提要字段版面配置 https://tailwindui.com/components/application-ui/application-shells/sidebar
- Multi-Column Layouts 多栏布局 https://tailwindui.com/components/application-ui/application-shells/multi-column
- Headings 标题
- Page Headings 页面标题 https://tailwindui.com/components/application-ui/headings/page-headings
- Card Headings 卡片标题 https://tailwindui.com/components/application-ui/headings/card-headings
- Section Headings 章节标题 https://tailwindui.com/components/application-ui/headings/section-headings
- Data Display 数据显示
- Description Lists 描述列表 https://tailwindui.com/components/application-ui/data-display/description-lists
- Stats 统计数据 https://tailwindui.com/components/application-ui/data-display/stats
- Calendars 日历 https://tailwindui.com/components/application-ui/data-display/calendars
- Lists 列出
- Stacked Lists 堆叠列表 https://tailwindui.com/components/application-ui/lists/stacked-lists
- Tables 表 https://tailwindui.com/components/application-ui/lists/tables
- Grid Lists 网格列出 https://tailwindui.com/components/application-ui/lists/grid-lists
- Feeds 提要 https://tailwindui.com/components/application-ui/lists/feeds
- Forms 形式
- Form Layouts 表单布局 https://tailwindui.com/components/application-ui/forms/form-layouts
- Input Groups 输入组 https://tailwindui.com/components/application-ui/forms/input-groups
- Select Menus 选择菜单 https://tailwindui.com/components/application-ui/forms/select-menus
- Sign-in and Registration 登录和注册 https://tailwindui.com/components/application-ui/forms/sign-in-forms
- Text areas 文本区域 https://tailwindui.com/components/application-ui/forms/textareas
- Radio Groups 无线电群组 https://tailwindui.com/components/application-ui/forms/radio-groups
- Checkboxes 复选框 https://tailwindui.com/components/application-ui/forms/checkboxes
- Toggles 切换 https://tailwindui.com/components/application-ui/forms/toggles
- Action Panels 行动小组 https://tailwindui.com/components/application-ui/forms/action-panels
- Comboboxes 组合框 https://tailwindui.com/components/application-ui/forms/comboboxes
- Feedback 反馈
- Alerts 警报 https://tailwindui.com/components/application-ui/feedback/alerts
- Empty States 空态 https://tailwindui.com/components/application-ui/feedback/empty-states
- Navigation 导航
- Navbars 导航栏组件 https://tailwindui.com/components/application-ui/navigation/navbars
- Pagination 分页 https://tailwindui.com/components/application-ui/navigation/pagination
- Tabs 选项卡 https://tailwindui.com/components/application-ui/navigation/tabs
- Vertical Navigation 垂直导航 https://tailwindui.com/components/application-ui/navigation/vertical-navigation
- Sidebar Navigation 侧边栏导航 https://tailwindui.com/components/application-ui/navigation/sidebar-navigation
- Breadcrumbs 面包屑 https://tailwindui.com/components/application-ui/navigation/breadcrumbs
- Progress Bars 进度条 https://tailwindui.com/components/application-ui/navigation/progress-bars
- Command Palettes 命令选项板 https://tailwindui.com/components/application-ui/navigation/command-palettes
- Overlays 覆盖
- Modal Dialogs 模态对话框 https://tailwindui.com/components/application-ui/overlays/modal-dialogs
- Drawers 抽屉 https://tailwindui.com/components/application-ui/overlays/drawers
- Notifications 通知 https://tailwindui.com/components/application-ui/overlays/notifications
- Elements 元件
- Avatars 头像 https://tailwindui.com/components/application-ui/elements/avatars
- Badges 徽章 https://tailwindui.com/components/application-ui/elements/badges
- Dropdowns 下拉菜单 https://tailwindui.com/components/application-ui/elements/dropdowns
- Buttons 按钮 https://tailwindui.com/components/application-ui/elements/buttons
- Button Groups 按钮组 https://tailwindui.com/components/application-ui/elements/button-groups
- Layout 布局
- Containers 容器 https://tailwindui.com/components/application-ui/layout/containers
- Cards 卡 https://tailwindui.com/components/application-ui/layout/cards
- List containers 列表容器 https://tailwindui.com/components/application-ui/layout/list-containers
- Media Objects 媒体对象 https://tailwindui.com/components/application-ui/layout/media-objects
- Dividers 分隔器 https://tailwindui.com/components/application-ui/layout/dividers
- Page Examples 页面示例
- Home Screens 主屏幕 https://tailwindui.com/components/application-ui/page-examples/home-screens
- Detail Screens 细节屏幕 https://tailwindui.com/components/application-ui/page-examples/detail-screens
- Settings Screens 设置屏面 https://tailwindui.com/components/application-ui/page-examples/settings-screens
- Ecommerce
- Components 组件
- Product Overviews 产品概述 https://tailwindui.com/components/ecommerce/components/product-overviews
- Product Lists 产品清单 https://tailwindui.com/components/ecommerce/components/product-lists
- Category Previews 类别预览 https://tailwindui.com/components/ecommerce/components/category-previews
- Shopping Carts 购物车 https://tailwindui.com/components/ecommerce/components/shopping-carts
- Category Filters 类别过滤器 https://tailwindui.com/components/ecommerce/components/category-filters
- Product Quickviews 产品快速浏览 https://tailwindui.com/components/ecommerce/components/product-quickviews
- Product Features 产品功能 https://tailwindui.com/components/ecommerce/components/product-features
- Store Navigation 存储导航 https://tailwindui.com/components/ecommerce/components/store-navigation
- Promo Sections 促销部分 https://tailwindui.com/components/ecommerce/components/promo-sections
- Checkout Forms 结账表格 https://tailwindui.com/components/ecommerce/components/checkout-forms
- Reviews 评论 https://tailwindui.com/components/ecommerce/components/reviews
- Order Summaries 订单汇总 https://tailwindui.com/components/ecommerce/components/order-summaries
- Order History 订单历史 https://tailwindui.com/components/ecommerce/components/order-history
- Incentives 激励 https://tailwindui.com/components/ecommerce/components/incentives
- Page Examples 页面示例
- Storefront Pages 店面页面 https://tailwindui.com/components/ecommerce/page-examples/storefront-pages
- Product Pages 产品页面 https://tailwindui.com/components/ecommerce/page-examples/product-pages
- Category Pages 类别页面 https://tailwindui.com/components/ecommerce/page-examples/category-pages
- Shopping Cart Pages 购物车页面 https://tailwindui.com/components/ecommerce/page-examples/shopping-cart-pages
- Checkout Pages 结账页面 https://tailwindui.com/components/ecommerce/page-examples/checkout-pages
- Order Detail Pages 订单详细信息页面 https://tailwindui.com/components/ecommerce/page-examples/order-detail-pages
- Order History Pages 订单历史页面 https://tailwindui.com/components/ecommerce/page-examples/order-history-pages
ScriptEcho整理组件集合
- 2D/3D/XR组件
- @egjs/view3d组件 https://naver.github.io/egjs-view3d/docs
- 3Dmol.js https://3dmol.org/doc/
- potree组件 https://github.com/potree/potree/
- three.js组件 https://threejs.org/docs/index.html#manual/en/introduction/Creating-a-scene
- pixijs https://pixijs.com/8.x/tutorials/getting-started#1
- two.js https://two.js.org/examples/#official-examples
- Matter.js https://github.com/liabru/matter-js/tree/master/examples
- PlayCanvasEngine https://developer.playcanvas.com/user-manual/
- vue-3d-model组件 https://gitee.com/happinessllw/vue-3d-model
- AntV组件
- antvs2组件 https://s2.antv.antgroup.com/manual/introduction
- antvx6组件 https://x6.antv.vision/zh/docs/tutorial/about
- antvl7组件 https://www.yuque.com/antv/l7/wyb66y
- antvg6组件 https://www.yuque.com/antv/g6/intro
- antvg2组件 https://www.yuque.com/antv/g2-docs/get-started
- antvf2组件 https://www.yuque.com/antv/f2/grammar
- antv/f6组件 https://f6.antv.vision/zh/docs/manual/introduction/
- 地图组件
- 动画组件
- 企业协作组件
- @xpyjs/gantt组件 https://xpyjs.github.io/gantt/docs/root.html
- gantt-schedule-timeline-calendar组件 https://gitee.com/endfalse/gantt-schedule-timeline-calendar#install
- 音视频组件
- jessibuca.js组件 https://jessibuca.com/document.html
- vidstack/vue组件 https://www.vidstack.io/docs/player/getting-started/installation?styling=default-layout&provider=video
- vue-record-audio组件 https://www.npmjs.com/package/vue-record-audio
- 在线文档组件
- CodeMirror组件 https://codemirror.net/docs/guide/
- drauu组件 https://github.com/antfu/drauu
- mind-elixir组件 https://mind-elixir.com/docs/getting-started/quick-start
- tinymce组件 https://www.tiny.cloud/docs/tinymce/latest/basic-setup/
- tiptap组件 https://tiptap.dev/docs/editor/getting-started/install
- Univer组件 https://univer.ai/zh-CN/guides/sheet/getting-started/quickstart
- vue-office组件 https://501351981.github.io/vue-office/examples/docs/config/
- WangEditor组件 https://www.wangeditor.com/v5/getting-started.html
- vue-markdown-it https://freedomevenden.com/projects/vue-markdown-it#usage
- 拓扑图
- 图形组件
- BPMN.js https://bpmn.io/toolkit/bpmn-js/walkthrough/
- JSXGraph https://jsxgraph.org/wp/docs/index.html
- LiteGraph.js https://github.com/jagenjo/litegraph.js
- Rough.js https://roughjs.com/
- 图形处理
- OpenCV.js https://docs.opencv.org/3.4/d5/d10/tutorial_js_root.html
- WASM-ImageMagick https://github.com/ImageMagick/ImageMagick
- 其他
- uiverse卡片 https://uiverse.io/elements
- WebSight1 https://docs.websight.io/cms/quick-start/
- WebSight2 https://docs.websight.io/cms/quick-start/
- 人工智能组件 https://www.llama.com/docs/how-to-guides/
- ECharts图表 https://echarts.apache.org/zh/option.html#title